<template>
<a :title="title" v-if="show">
  <Icon style="margin-left: 5px;" v-has="access" @click="handleClick" :type="iconType" :size="iconSize" :color="iconColor"></Icon>
</a>
</template>
<script>

export default {
  props: {
    title: {
      type: String,
      default: ''
    },
    iconType: {
      type: String,
      default: ''
    },
    iconSize: {
      type: Number,
      default: 18
    },
    iconColor: {
      type: String,
      default: '#000000'
    },
    access: {
      type: String,
      default: ''
    },
    show: {
      type: Boolean,
      default: true
    }
  },
  methods: {
    handleClick (e) {
      this.$emit('click', e)
    }
  }
}
</script>
